/*margin的样式初始化*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
	margin:0;
}

/*padding的样式初始化*/
ul,ol {
	padding:0;
}

/*列表的样式初始化*/
ul,ol,li {
	list-style:none;
}

/*font-style的样式初始化*/
em {
	font-style: normal;
}

/*下划线的样式初始化*/
a {
	text-decoration: none;
}
/*BFC的方法*/
.clear:after{
	content: "";display: block;clear: both;
}
clear {
	zoom:1;
}
/*光斑效果 需求父级需要相对定位*/
.light:after {
	content: "";
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	background:  linear-gradient(90deg,
		rgba(255,255,255,0) 0px,
		rgba(255,255,255,1) 120px,
		rgba(255,255,255,1) 130px,
		rgba(255,255,255,0) 140px
	) -140px 0px no-repeat;
	animation: 1.3s light;
}

@keyframes light {
	0%{
		background-position: -140px 0px;
	}
	100% {
		background-position: 1000px 0px;
	}
}
/*延迟光斑效果 父级需要相对定位3*/
.lightDelay:after {
	content: "";
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	background:  linear-gradient(90deg,
		rgba(255,255,255,0) 0px,
		rgba(255,255,255,1) 120px,
		rgba(255,255,255,1) 130px,
		rgba(255,255,255,0) 140px
	) -140px 0px no-repeat;
	animation: 1.3s 0.4s lightDelay;
}

@keyframes lightDelay {
	0%{
		background-position: -140px 0px;
	}
	100% {
		background-position: 1000px 0px;
	}
}